/<template>
  <div id="app">
    <!-- 一个vue就是一个组件 -->
    <!-- template只能有一个标签,div里面随便写 -->
    <p>{{name}}</p>
    <h1>{{aaa}}</h1>
  </div>
</template>

<script>
export default {
  // data是当前组件自己的数据
  data(){
    return{
      name:"张三",
    };
  },
  // 是父组件传入的数据
  props:{
    aaa:String,
  },
};
</script>

<style>
  p{
    color: red;
  }
</style>